<template>
  <div>
    <router-view v-if="isRouterAlive" class="router-view" />
  </div>
</template>
<script>

import { originUrl } from './utils/config'
import { IS_ONLINE } from './utils/config'
import { noAccessToken } from './utils/userAuth'
import { createNamespacedHelpers } from 'vuex'
// const { mapActions } = createNamespacedHelpers('myData')

export default {
  name: 'App',
  provide () {
    return {
      reload: this.reload,
    }
  },
  data () {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    // ...mapActions(['getUserDetail'])
    reload () {
      this.isRouterAlive = false
      this.$nextTick(function () {
        this.isRouterAlive = true
      })
    }
  },
  created(){
    // this.getUserDetail()
  }
}
</script>
<style lang="scss">
@import 'publicUIConfig/common';

.router-view {
  min-height: 70vh;
  font-size: 24px;
}

.video-popup {
  left: 0;
  top: 0;
  right: 0;
  transform: none;
}
</style>
